<template>
  <div class="serveTop">
    <div class="serveInformation">服务信息</div>
    <div class="orderMoney">订单金额</div>
    <div>实收金额</div>
    <div>商品类型</div>
    <div>城市/商圈</div>
    <div style="width:100px;">联系人信息</div>
    <div style="width:100px;">服务地址</div>
    <div>订单状态</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkAll: false,
      isIndeterminate: false
    }
  },
  methods: {
    handleCheckAllChange() {
      
    }
  }
}
</script>

<style lang="scss" scoped>
.serveTop {
  text-align: center;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 10px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 65px;
  background-color: #fff;
  // transform: translateY(48px);
  margin-top: 12px;
  position: relative;
  font-size: 14px;
  font-weight: 700;
  div{
    width: 75px;
  }
  .checkbox{
    position: absolute;
    left: 20px;
  }
  .serveInformation{
    min-width: 155px;
    text-align: left;
  }
}
</style>